<template>
  <div class="page miniAppManageIntro">
    <div class="scroll-view">
      <customHeader middleTitle="小程序介绍"></customHeader>
      <div class="page-body">
        <div class="bgi">
          <div class="open-btn" @click="linkToStore"></div>
        </div>
      </div>
      <div class="btn-wrap margin-safe-area-bottom">
        <div class="btn" @click="linkToStore">立即开通</div>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
import { Toast, MessageBox } from "mint-ui";
export default {
  name: "miniAppManageIntro",
  data() {
    return {
      passCount: 0,
    };
  },

  methods: {
    linkToStore() {
      if (!this.passCount) {
        MessageBox({
          title: "提示",
          message: "没有符合开通条件的门店，请联系销售人员获取资格",
          showCancelButton: false,
          confirmButtonText: "确定",
        }).then(action => {
          if (action === "confirm") {
          }
        });
      } else {
        this.$router.push({ path: "/miniAppManage/miniAppManageIntro/StoreChoice" });
      }
    },
  },

  created() {
    this.passCount = this.$route.query.passCount;
  },
  components: {
    customHeader
  },
};
</script>
<style lang='scss' scoped>
@import "miniAppManage";
</style>
